<template>
	<view id="container">
		<view class="cu-bar bg-white" style="height:50rpx;">
		  <view class='action' style="height: 50rpx;width: 100vw;display: flex;justify-content: flex-start;align-items: center;">
		    <text class='text-blue' style="font-size: 100rpx;margin-bottom: 10rpx;margin-right: 20rpx;">·</text>
			<view>查询条件</view>
		  </view>
		</view>
		
		<view style="width:100%;height:1rpx;background-color:#f5f5f5;"></view>
		<view class="cu-form-group">
		  <view class="title" style="margin-left:20rpx;">教学楼</view>
		    <picker mode="multiSelector" @change="bindMultiPickerChange" @columnchange="bindMultiPickerColumnChange" :value="placeIndex" :range="placeArray">
		    <view style="width: 100%;display: flex;justify-content: flex-end;align-items: center;">
				<view class="picker">
				  {{jxlchange?(placeArray[0][placeIndex[0]])+"---"+(subplaceArray[placeIndex[0]][placeIndex[1]]):'选择教学楼'}}
				</view>
				<!-- <u-icon name="arrow-right" style='color: #afb0b1;margin-right: -30rpx;margin-left: 20rpx;' size="32"></u-icon> -->
			</view>
		  </picker>
		</view>
		
		<view class="cu-form-group" >
		  <view class="title" style="margin-left:20rpx;">日期</view>
		  <picker mode="date" :value="date" :start="pick_start_date" :end="pick_end_date" @change="DateChange">
			<view style="width: 100%;display: flex;justify-content: flex-end;align-items: center;">
				<view class="picker">
				  {{datechange?date:'今天'}}
				</view>
				<!-- <u-icon name="arrow-right" style='color: #afb0b1;margin-right: -30rpx;margin-left: 20rpx;' size="32"></u-icon> -->
			</view>
		  </picker>
		</view>
		
<!-- 		<view class="cu-form-group">
			<view class="title">按课时列出</view>
			<switch class="blue sm" @change="switchType" v-model="list_type"></switch>
		</view> -->
		
		<view class="padding">
		    <button class="cu-btn block bg-blue margin-tb-sm lg"  type="" v-on:click="check">查询</button>
			<button class="cu-btn block bg-blue margin-tb-sm lg" style="background: white;border: 1px solid #0081ff;color: #0081ff;" type="" v-on:click="fanhui()">返回</button>
		</view>
	</view>
</template>

<script>
	//var util=require('../../static/util.js');
	import * as util from '../../static/util.js'
	var app = getApp();
	export default {
		data() {
			return {
				picker: ['天山堂', '杏林楼'],
				date:'',
				jxlchange:0,
				index: null,
				lessons: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
				list_type:false,
				lessonlist: ['第一大节', '第二大节', '中午','第三大节', '第四大节', '第五大节', '第六大节'],
				
				placeArray: [['榆中校区', '盘旋路校区', '医学校区', '护理学院'], ['天山堂', '第二教学楼', '宏远楼', '昆仑堂', '气象楼', '实践', '实验楼', '闻韶楼', '西区教学楼', '新闻楼', '艺术楼', '（榆中）核学院38号楼', '（榆中）南区多功能环境风洞实验室', '（榆中）室外-校园内', '（榆中）室外-校园外', '（榆中）西区草科院实验楼', '（榆中）西区草科院试验站', '（榆中）西区观测场', '（榆中）西区教学楼', '（榆中）西区人体解剖实验室', '（榆中）小礼堂', '办公楼', '高远楼', '工程实验中心', '榆中23号学生公寓', '榆中网络中心', '运动场']],
				
			    subplaceArray: [
				      ['天山堂', '第二教学楼', '宏远楼', '昆仑堂', '气象楼', '实践', '实验楼', '闻韶楼', '西区教学楼', '新闻楼', '艺术楼', '（榆中）核学院38号楼', '（榆中）南区多功能环境风洞实验室', '（榆中）室外-校园内', '（榆中）室外-校园外', '（榆中）西区草科院实验楼', '（榆中）西区草科院试验站', '（榆中）西区观测场', '（榆中）西区教学楼', '（榆中）西区人体解剖实验室', '（榆中）小礼堂', '办公楼', '高远楼', '工程实验中心', '榆中23号学生公寓', '榆中网络中心', '运动场'],
				      ['飞云楼', '本部运动场', '草科楼', '第一化学楼', '格致楼', '观云楼', '衡山堂', '化学楼1号', '化学楼2号', '旧文科楼', '齐云楼', '生物2号楼', '生物楼', '天演楼', '物理楼', '新文科楼', '新闻学院实验楼', '信息楼', '逸夫生物楼', '专家楼', '综合楼'],
				      ['杏林楼','B区教学楼', 'GLP实验楼', '（医学）核学楼', '（医学）学生1号公寓', '（医学）学生4号公寓机房', '公卫实验楼', '基础实验楼', '精诚楼', '口腔医学实验中心', '兰大二院教学楼', '兰州市CDC', '临床实验楼', '明道楼', '南校区', '勤博楼', '通信网络中心', '新竹苑', '药学实验楼'],
				      ['护理学院教学实验楼', '护理学院篮球场']
			    ],
				
			    placeIndex: [0, 0],
			    aid: '118', buildingid: '207',
			    buildingids: [		
				
				        [{ 'id': '207', 'name': '天山堂' },{'id':'3097','name':'第二教学楼'},{ 'id': '2165', 'name': '宏远楼' }, { 'id': '2066', 'name': '昆仑堂' }, { 'id': '119', 'name': '气象楼' }, { 'id': '332', 'name': '实践' }, { 'id': '133', 'name': '实验楼' }, { 'id': '1144', 'name': '闻韶楼' }, { 'id': '334', 'name': '西区教学楼' }, { 'id': '121', 'name': '新闻楼' }, { 'id': '366', 'name': '艺术楼' }, { 'id': '1354', 'name': '（榆中）核学院38号楼' }, { 'id': '2613', 'name': '（榆中）南区多功能环境风洞实验室' }, { 'id': '1355', 'name': '（榆中）室外-校园内' }, { 'id': '1356', 'name': '（榆中）室外-校园外' }, { 'id': '1357', 'name': '（榆中）西区草科院实验楼' }, { 'id': '1358', 'name': '（榆中）西区草科院试验站' }, { 'id': '1359', 'name': '（榆中）西区观测场' }, { 'id': '1360', 'name': '（榆中）西区教学楼' }, { 'id': '1361', 'name': '（榆中）西区人体解剖实验室' }, { 'id': '1362', 'name': '（榆中）小礼堂' }, { 'id': '2424', 'name': '办公楼' }, { 'id': '1363', 'name': '高远楼' }, { 'id': '2224', 'name': '工程实验中心' }, { 'id': '2071', 'name': '榆中23号学生公寓' }, { 'id': '2404', 'name': '榆中网络中心' }, { 'id': '326', 'name': '运动场' }],
				
						[{ 'id': '1342', 'name': '飞云楼' }, { 'id': '646', 'name': '本部运动场' }, { 'id': '559', 'name': '草科楼' }, { 'id': '1341', 'name': '第一化学楼' }, { 'id': '1343', 'name': '格致楼' }, { 'id': '1081', 'name': '观云楼' }, { 'id': '394', 'name': '衡山堂' }, { 'id': '423', 'name': '化学楼1号' }, { 'id': '557', 'name': '化学楼2号' }, { 'id': '426', 'name': '旧文科楼' }, { 'id': '1344', 'name': '齐云楼' }, { 'id': '2492', 'name': '生物2号楼' }, { 'id': '549', 'name': '生物楼' }, { 'id': '1345', 'name': '天演楼' }, { 'id': '471', 'name': '物理楼' }, { 'id': '476', 'name': '新文科楼' }, { 'id': '2672', 'name': '新闻学院实验楼' }, { 'id': '552', 'name': '信息楼' }, { 'id': '2470', 'name': '逸夫生物楼' }, { 'id': '981', 'name': '专家楼' }, { 'id': '555', 'name': '综合楼' }],
				
				        [{ 'id': '2', 'name': '杏林楼' },{ 'id': '717', 'name': 'B区教学楼' }, { 'id': '1349', 'name': 'GLP实验楼' }, { 'id': '1346', 'name': '（医学）核学楼' }, { 'id': '1347', 'name': '（医学）学生1号公寓' }, { 'id': '1348', 'name': '（医学）学生4号公寓机房' }, { 'id': '70', 'name': '公卫实验楼' }, { 'id': '24', 'name': '基础实验楼' }, { 'id': '1350', 'name': '精诚楼' }, { 'id': '1351', 'name': '口腔医学实验中心' }, { 'id': '921', 'name': '兰大二院教学楼' }, { 'id': '1352', 'name': '兰州市CDC' }, { 'id': '105', 'name': '临床实验楼' }, { 'id': '2123', 'name': '明道楼' }, { 'id': '1353', 'name': '南校区' }, { 'id': '1143', 'name': '勤博楼' }, { 'id': '941', 'name': '通信网络中心' }, { 'id': '2204', 'name': '新竹苑' },  { 'id': '78', 'name': '药学实验楼' }],
				
				        [{ 'id': '2343', 'name': '护理学院教学实验楼' }, { 'id': '2389', 'name': '护理学院篮球场' }]
				    ],
				datechange:false,
				pick_start_date:'2023-01-01',
				pick_end_date:'2023-12-31',
				my_cookie:getApp().globalData.my_cookie,
			}
		},
		onLoad() {
			console.log(getApp().globalData.my_cookie);
			if(getApp().globalData.my_cookie==''||getApp().globalData.my_cookie==undefined)
			{
				uni.navigateTo({
					url: '/pages/login'
				})
			};
			this.date=util.formatDate(new Date());
			// console.log(this.date);
			app.globalData.Classroominfo=[];
			console.log(getApp().globalData.start_date);
			this.pick_start_date = getApp().globalData.start_date
			this.pick_end_date = getApp().globalData.start_date.split('-')[0] + '-12-31'
		},
		onShow(){
			if(getApp().globalData.my_cookie==''||getApp().globalData.my_cookie==undefined)
			{
				uni.navigateTo({
					url: '/pages/login'
				})
			}
		},
		methods: {
			fanhui()
			{
				uni.navigateTo({
					url: '/pages/index'
				})
			},
			switchType:function(e){
				var type=this.list_type;
				type=!type;
				this.list_type = type;
				console.log("当前开关状态"+this.list_type)   
			},
			bindMultiPickerColumnChange: function (e) {
			    console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
			    if (e.detail.column == 0) {
			        this.placeArray[1] = this.subplaceArray[e.detail.value]
			    }
			},
			bindMultiPickerChange: function (e) {
			    console.log('picker发送选择改变，携带值为', e.detail.value)
			    this.placeIndex = e.detail.value;
			    this.jxlchange = 1
			    console.log("获得教学楼的名字:", this.subplaceArray[this.placeIndex[0]][this.placeIndex[1]])
			},
			DateChange:function(e) {
				console.log(e)
			    this.date = e.detail.value,
			    this.datechange = 1;
			},
			get_freeclassroom:function(my_cookie,aid,buildingid,whichweek,week,type,that){
				uni.showLoading({
					title: '查询中',
					mask: false
				});
				uni.request({
					url: 'https://cyonline.lzu.edu.cn/theback/common_apis/get_classroom',
					//url:'http://127.0.0.1:8000/app/get_classroom',
					method: 'POST',
					header: {
						//'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36',
						'content-type' : 'application/x-www-form-urlencoded',
						//'Cookie': 'JSESSIONID='+this.my_cookie+';',
						//'Referer': 'https://jwk.lzu.edu.cn/academic/teacher/teachresource/roomschedulequery.jsdo',
					},
					data: {
						"aid":aid,
						"buildingid":buildingid,
						"whichweek":whichweek,
						"week":week,
						"my_cookie":getApp().globalData.my_cookie,
						//"Submit":"%C8%B7+%B6%A8",
						//'type':type,
					},
					success: res => {
						uni.hideLoading();
						getApp().globalData.html=res.data.html;
						uni.navigateTo({
							url: '/pages/sclassroom/roomresult',
						});
						//console.log(getApp().globalData.html);
						//console.log(res.data.html);
						//console.log("666");
						//console.log(this.my_cookie);
						//if(res.data.status=="success"){
						// if(0){	
						//     app.globalData.Classroominfo = res.data;
						//     console.log(this.list_type);
						// 	if(this.list_type){
						// 		uni.navigateTo({
						// 			url: 'roomsimple',
						// 		});
						// 	}
						// 	else{
						// 		uni.navigateTo({
						// 			url: 'roomdetail',
						// 		});
						// 	}
						// }
						// else{
						// 	uni.showModal({
						// 		title: '提示',
						// 		content: res.data.log,
						// 		showCancel: false,
						// 	});
						// }
					},
					fail: () => {
						uni.hideLoading();
					},
					complete: () => {
					}
				});
			},
			//原来的
			// get_freeclassroom:function(username,password,aid,buildingid,whichweek,week,type,that){
			// 	uni.showLoading({
			// 		title: '查询中',
			// 		mask: false
			// 	});
			// 	uni.request({
			// 		url: getApp().globalData.URL + 'common_apis/get_classroom',
			// 		method: 'POST',
			// 		header: {
			// 			'content-type': 'application/x-www-form-urlencoded'
			// 		},
			// 		data: {
			// 			"username":username,
			// 			"password":password,
			// 			"aid":aid,
			// 			"buildingid":buildingid,
			// 			"whichweek":whichweek,
			// 			"week":week,
			// 			'type':type,
			// 		},
			// 		success: res => {
			// 			uni.hideLoading();
			// 			console.log(res.data);
			// 			if(res.data.status=="success"){
			// 			    app.globalData.Classroominfo = res.data;
			// 			    console.log(this.list_type);
			// 				if(this.list_type){
			// 					uni.navigateTo({
			// 						url: 'roomsimple',
			// 					});
			// 				}
			// 				else{
			// 					uni.navigateTo({
			// 						url: 'roomdetail',
			// 					});
			// 				}
			// 			}
			// 			else{
			// 				uni.showModal({
			// 					title: '提示',
			// 					content: res.data.log,
			// 					showCancel: false,
			// 				});
			// 			}
			// 		},
			// 		fail: () => {
			// 			uni.hideLoading();
			// 		},
			// 		complete: () => {
			// 		}
			// 	});
			// },
			check: function () {
				this.transcode();
				// if(getApp().globalData.my_cookie=='')
				// {
				// 	console.log("678");
				// 	console.log(getApp().globalData.my_cookie);
				// 	console.log("987");
				// 	uni.navigateTo({
				// 		url: '/pages/login'
				// 	});
				// };
				function TodayInfo(start,select){
					var WEEKLEN = 7, // 一周7天为常量
					    WEEKDAYS = ["日", "一", "二", "三", "四", "五", "六"],
					    weekInfo = { "week": null, "day": null }, // 初始化返回信息，默认第null周，星期null
				        oneDay = 24 * 60 * 60 * 1000, // 一天的毫秒时长
				        weekLeave, // 开学当天所在周剩余天数
				        weekStart, // 开学当天start是星期几
				        today, // 今天
				        dateDiff, // 今天与开学当天日期差
				        sDate; //开学之日，日期对象
					var rDateStr = /\d{4}[\/-]\d{1,2}[\/-]\d{1,2}/g; // 简单的日期格式校验：2013/12/19
					if (!rDateStr.test(start)) {
					    console.log("请使用合法的开学日期！！！");
					    return weekInfo;
					}
					sDate = new Date(start.replace("-", "/").replace("-", "/"));
					weekStart = sDate.getDay();
					weekStart = weekStart === 0 ? 7 : weekStart; // JS中周日的索引为0，这里转换为7，方便计算
					weekLeave = WEEKLEN - weekStart;
					today = new Date(select.replace("-", "/").replace("-", "/"));
					weekInfo.day = today.getDay();
					today = new Date(today.getFullYear() + "/" + (today.getMonth() + 1) + "/" + today.getDate());
					dateDiff = today - sDate;
					dateDiff = parseInt(dateDiff / oneDay);
					weekInfo.week = Math.ceil((dateDiff - weekLeave) / WEEKLEN) + 1;
					return weekInfo;
				}
				var td = TodayInfo(getApp().globalData.start_date,this.date)
				var day = td.day
				var week = td.week
				console.log('week='+week+' day='+day)
				//
				var whichweek = td.week;
				var week = td.day;
				var type=""
				if(this.list_type) type="simple";
				else type="all";
				var that=this
				this.get_freeclassroom(getApp().globalData.my_cookie,this.aid,this.buildingid,whichweek,week,type,that)
			},
			//校区 教学楼 名称转换编码
			transcode: function () {
			    var code_aid;
			    var code_buildingid;
			    switch (this.placeIndex[0]) {
			        case 0:
						code_aid = '1';
						break;
					case 1:
						code_aid = '118';
						break;
					case 2:
						code_aid = '393';
						break;
					case 3:
						code_aid = '14960';
						break;
			    }
				this.aid = code_aid;
			    this.buildingid = this.buildingids[this.placeIndex[0]][this.placeIndex[1]].id;
			    console.log(this.buildingids[this.placeIndex[0]][this.placeIndex[1]].id);
			    console.log(this.buildingids[this.placeIndex[0]][this.placeIndex[1]].name);
			  },
				
		}
	}
</script>

<style>
	.cu-bar {
	  display: flex;
	  position: relative;
	  align-items: center;
	  min-height: 100rpx;
	  justify-content: space-between;
	}
	.bg-white {
	  background-color: #fff;
	  color: #666;
	}
	.text-blue, .line-blue, .lines-blue {
	  color: #0081ff;
	}
	.cu-bar .action {
	  display: flex;
	  align-items: center;
	  height: 100%;
	  justify-content: center;
	  max-width: 100%;
	}
	
	.cu-bar .action.border-title {
	  position: relative;
	  top: -10rpx;
	}
	
	.cu-bar .action.border-title text[class*="bg-"]:last-child {
	  position: absolute;
	  bottom: -0.5rem;
	  min-width: 2rem;
	  height: 6rpx;
	  left: 0;
	}
	
	.cu-bar .action.sub-title {
	  position: relative;
	  top: -0.2rem;
	}
	
	.cu-bar .action.sub-title text {
	  position: relative;
	  z-index: 1;
	}
	
	.cu-bar .action.sub-title text[class*="bg-"]:last-child {
	  position: absolute;
	  display: inline-block;
	  bottom: -0.2rem;
	  border-radius: 6rpx;
	  width: 100%;
	  height: 0.6rem;
	  left: 0.6rem;
	  opacity: 0.3;
	  z-index: 0;
	}
	
	.cu-bar .action.sub-title text[class*="text-"]:last-child {
	  position: absolute;
	  display: inline-block;
	  bottom: -0.7rem;
	  left: 0.5rem;
	  opacity: 0.2;
	  z-index: 0;
	  text-align: right;
	  font-weight: 900;
	  font-size: 36rpx;
	}
	
	.cu-bar.justify-center .action.border-title text:last-child,
	.cu-bar.justify-center .action.sub-title text:last-child {
	  left: 0;
	  right: 0;
	  margin: auto;
	  text-align: center;
	}
	
	.cu-bar .action:first-child {
	  margin-left: 30rpx;
	  font-size: 30rpx;
	}
	
	.cu-bar .action text.text-cut {
	  text-align: left;
	  width: 100%;
	}
	
	.cu-bar .cu-avatar:first-child {
	  margin-left: 20rpx;
	}
	
	.cu-bar .action:first-child>text[class*="icon"] {
	  margin-left: -0.3em;
	  margin-right: 0.3em;
	}
	
	.cu-bar .action:last-child {
	  margin-right: 30rpx;
	}
	
	.cu-bar .action > text[class*="icon"], .cu-bar .action > view[class*="icon"] {
	  font-size: 36rpx;
	}
	
	.cu-bar .action>text[class*="icon"]+text[class*="icon"] {
	  margin-left: 0.5em;
	}
	.cu-form-group {
	  background: #fff;
	  padding: 1rpx 30rpx;
	  display: flex;
	  align-items: center;
	  min-height: 100rpx;
	  justify-content: space-between;
	}
	
	.cu-form-group+.cu-form-group {
	  border-top: 1rpx solid #eee;
	}
	
	.cu-form-group .title {
	  text-align: justify;
	  padding-right: 30rpx;
	  font-size: 30rpx;
	  position: relative;
	  height: 60rpx;
	  line-height: 60rpx;
	}
	
	.cu-form-group.top {
	  align-items: baseline;
	}
	
	.cu-form-group input {
	  flex: 1;
	  font-size: 30rpx;
	  color: #555;
	  padding-right: 20rpx;
	}
	
	.cu-form-group>text[class*="icon"] {
	  font-size: 36rpx;
	  padding: 0;
	  box-sizing: border-box;
	}
	
	.cu-form-group textarea, .cu-form-group textarea textarea {
	  margin: 32rpx 0 30rpx;
	  height: 4.8em;
	  width: 100%;
	  line-height: 1.2em;
	  flex: 1;
	  font-size: 28rpx;
	  padding: 0;
	  box-sizing: content-box;
	  display: inline-block;
	  vertical-align: top;
	}
	
	.cu-form-group textarea::after {
	  content: "测试文字";
	  opacity: 0;
	}
	
	.cu-form-group .grid-square {
	  margin: 20rpx 0 0;
	}
	
	.cu-form-group picker {
	  flex: 1;
	  padding-right: 40rpx;
	  overflow: hidden;
	  position: relative;
	}
	
	.cu-form-group picker .picker {
	  line-height: 100rpx;
	  font-size: 28rpx;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  width: 100%;
	  text-align: right;
	}
	
	.cu-form-group picker::after {
	  font-family: iconfont;
	  display: block;
	  /* content: "\e6a3"; */
	  position: absolute;
	  font-size: 34rpx;
	  color: #aaa;
	  line-height: 100rpx;
	  width: 60rpx;
	  text-align: center;
	  top: 0;
	  bottom: 0;
	  right: -20rpx;
	  margin: auto;
	}
	
	.cu-form-group textarea[disabled],
	.cu-form-group textarea[disabled] .placeholder {
	  color: transparent;
	}
	.cu-btn {
	  position: relative;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  box-sizing: border-box;
	  padding: 0 30rpx;
	  font-size: 28rpx;
	  height: 64rpx;
	  line-height: 1;
	  text-align: center;
	  text-decoration: none;
	  overflow: visible;
	  margin-left: initial;
	  transform: translate(0rpx, 0rpx);
	  margin-right: initial;
	}
	
	.cu-btn::after {
	  display: none;
	}
	
	.cu-btn:not([class*="bg-"]) {
	  background-color: #f0f0f0;
	}
	
	.cu-btn[class*="line"] {
	  background-color: transparent;
	}
	
	.cu-btn[class*="line"]::after {
	  content: " ";
	  display: block;
	  width: 200%;
	  height: 200%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  border: 1rpx solid currentColor;
	  transform: scale(0.5);
	  transform-origin: 0 0;
	  box-sizing: border-box;
	  border-radius: 24rpx;
	  z-index: 1;
	  pointer-events: none;
	}
	
	.cu-btn.round[class*="line"]::after {
	  border-radius: 1000rpx;
	}
	
	.cu-btn[class*="lines"]::after {
	  border: 6rpx solid currentColor;
	}
	
	.cu-btn[class*="bg-"]::after {
	  display: none;
	}
	
	.cu-btn.sm {
	  padding: 0 20rpx;
	  font-size: 20rpx;
	  height: 48rpx;
	}
	
	.cu-btn.lg {
	  padding: 0 40rpx;
	  font-size: 32rpx;
	  height: 80rpx;
	}
	
	.cu-btn.icon.sm {
	  width: 48rpx;
	  height: 48rpx;
	}
	
	.cu-btn.icon {
	  width: 64rpx;
	  height: 64rpx;
	  border-radius: 500rpx;
	  padding: 0;
	}
	
	button.icon.lg {
	  width: 80rpx;
	  height: 80rpx;
	}
	
	.cu-btn.shadow-blur::before {
	  top: 4rpx;
	  left: 4rpx;
	  filter: blur(6rpx);
	  opacity: 0.6;
	}
	
	.cu-btn.button-hover {
	  transform: translate(1rpx, 1rpx);
	}
	
	.block {
	  display: block;
	}
	
	.cu-btn.block {
	  display: flex;
	}
	
	.cu-btn[disabled] {
	  opacity: 0.6;
	  color: #fff;
	}
	.bg-blue {
	  background-color: #0081ff;
	  color: #fff;
	}
	.margin-tb-sm {
	  margin-top: 20rpx;
	  margin-bottom: 20rpx;
	}
	switch.blue[checked] .wx-switch-input, checkbox.blue[checked] .wx-checkbox-input,
	radio.blue[checked] .wx-radio-input {
	  border-color: #0081ff !important;
	}
	switch.blue[checked] .wx-switch-input, checkbox.blue[checked] .wx-checkbox-input,
	radio.blue[checked] .wx-radio-input {
	  background-color: #0081ff !important;
	  color: #fff !important;
	}
	.padding {
	  padding: 30rpx;
	}
</style>
